草庐IT

HTML5 新元素

全部标签

javascript - 为javascript插入的元素添加点击事件

如果我点击第一个“编辑”,我会得到一个console.log('clickhappend')但是如果我通过javascript添加其中一个框(点击“添加框”)然后从这个新框中编辑click不起作用。我知道这是因为javascript在元素不存在时运行,这就是为什么没有点击事件监听器的原因。我也知道使用jQuery我可以这样做:$('body').on('click','.edit',function(){//dowhatever};这样就可以了。但是我如何使用纯Javascript执行此操作?我找不到任何有用的资源。创建了一个我想工作的简单示例。解决这个问题的最佳方法是什么?所以问题是

javascript - 单击文档而不是特定元素警报

在我的HTML中$(document).click(function(){alert('DocumentClicked');})CLICK[NOALERT]ME[NOALERT]在我这里的代码中,如果我点击按钮,如何防止显示警报,但是除了按钮之外的任何东西都可以被提醒。 最佳答案 您可以添加另一个click那个特定的听众并停止传播事件:$(document).click(function(){alert('DocumentClicked');})$('.not-clickable').click(function(e){e.stop

javascript - Vue.js 过渡出现/发生在进入视口(viewport)的元素上

首先请不要使用jQuery。我可以在jQuery等中做到这一点,问题的重点是在没有不必要的依赖的情况下做到这一点。这里的场景是我正在创建一个单页网站,其中有几个部分可供滚动浏览。我想用Vue.js'stransitions在浏览器滚动到该部分后简单地淡入。我已经设法使转换与appearattribute一起工作但问题是这个初始渲染触发器适用于屏幕外的元素,我想推迟该触发器,直到浏览器在屏幕上滚动该元素。我找到了像vue-observe-visibility这样的图书馆这可以满足我的需要,但老实说,我不想简单地为触发器创建大量数据属性,以将其更改为true,以便v-if语句触发淡入淡出效

javascript - Vue 在用 webpack 编译时用注释替换 HTML

我遇到的问题是,一旦我importvue,vue的包装元素(在我的例子中是#app)将被替换为以下注释控制台中没有错误,webpack编译正常,但是我确实从vue的mounted方法获取了控制台日志。我的index.htmlDocumentsomecontent{{test}}webpack.config.jsconstpath=require('path');module.exports={entry:'./src/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')}}源/app.jsimp

javascript - 按字段名从数组中删除元素

我有下一个数组:0:{id:"10",tipo:"work"}1:{id:"11",tipo:"work"}2:{id:"24",tipo:"school"}3:{id:"9",tipo:"work"}4:{id:"25",tipo:"school"}我想做的是从数组中删除一个元素,其中两个值匹配,例如,如果id=24和tipo=school,则数组位于位置2,必须删除,我有这个函数可以通过值找到数组键:functioneliminarElementoArray(array,val1,val2){for(vari=0;i该函数无法正常工作,在某些情况下它返回false,在其他情况下,它

javascript - 如何等待元素在柏树中消失?

我有一个加载指示器,我需要等待它消失才能执行我的断言。我见过一些人使用以下内容,但它似乎对我不起作用,而且我也不希望它成为断言。cy.get('element',{timeout:10_000}).should('not.exist');有人有什么建议吗? 最佳答案 恕我直言,最干净的方法是不要对get使用等待或超时,这有点反模式。我建议使用CypresswaitUntil命令并使用类似的东西:cy.waitUntil(function(){returncy.get('element').should('not.exist');})

javascript - 获取jquery中可见元素的索引

我想获取jquery中可见元素之间的selected类的索引。element01element02element03element04element05element06element07element08这些方法我都试过了console.log($('ulli.selected').index());console.log($('ulli:visible.selected').index());我想要上面示例中的数字3:ul中.selected元素的索引忽略不是的元素不可见。 最佳答案 您可以使用index根据选择可见元素的结果,

javascript - 如何在 HTML 中使 vim 缩进 JavaScript?

Vim7.0.237的indentexpr=HtmlIndentGet(v:lnum)让我抓狂.当我在中编辑JavaScript时标签缩进以匹配周围的html并按回车键,它将上一行移动到第0列。当我自动缩进整个文件时,脚本移回右侧。vim的JavaScript-in-HTML/XHTML缩进在哪里? 最佳答案 Here是类似的问题,接受的答案带有两个vim插件的链接:htmlimprovedindentation:AbetterindentationforHTMLandembeddedjavascriptmentionedbyMan

javascript - 谷歌地图 : How to add HTML elements to specific coordinates?

我想知道如何以及是否可以将标准HTML元素(div、按钮)添加到map上的一组特定坐标?例如我有一组坐标,我想给它们附加一个自定义气球通知当我从坐标平移时,元素应该消失,当我平移回到它们时,元素应该重新出现。是否可以使用Googlemap做到这一点? 最佳答案 您可以使用自定义覆盖-https://developers.google.com/maps/documentation/javascript/customoverlays为此 关于javascript-谷歌地图:HowtoaddH

javascript - jQuery: html() 返回空字符串

如果我使用Firebug并输入$("").html()进入监window口,我得到一个空字符串。我的猜测是因为$("")尚未呈现到文档中。如何获取$("")的标记在将其添加到DOM之前? 最佳答案 您要的是外部HTML,而不是内部,HTML内部确实是空的。要获取HTML,您必须将其包装在另一个元素中,如下所示:jQuery("").append($("").clone()).html()这会给你: 关于javascript-jQuery:html()返回空字符串,我们在StackOver